<template>
	<view>
		<navBar title="我的商家"></navBar>
		<view class="top-bg">
			<view class="line1">
				<image class="icon-store" :src="bg_image.store"></image>
				<text class="text">{{data.merchantName || ''}}</text>
			</view>
			<view class="info">
				<view class="info-left">
					<view class="tip">可用余额</view>
					<view>
						<text class="sign">￥</text>
						<text class="price">{{data.balance || 0}}</text>
						<text class="unit">元</text>
					</view>
				</view>
				<image class="topup" :src="bg_image.topup" @click="handleRecharge"></image>
			</view>
		</view>
		<view class="content">
			<view class="item" @click="go('/pages/indoor/coupon')">
				<view class="item-left">
					<image class="icon" :src="bg_image.icon1"></image>
					<text>发优惠券</text>
				</view>
				<u-icon name="arrow-right" size="16" color="#999"></u-icon>
			</view>
			<view class="item" @click="go('/pages/indoor/claimRecord')">
				<view class="item-left">
					<image class="icon" :src="bg_image.icon2"></image>
					<text>发放记录</text>
				</view>
				<u-icon name="arrow-right" size="16" color="#999"></u-icon>
			</view>
			<view class="item" @click="go('/pages/indoor/balance')">
				<view class="item-left">
					<image class="icon" :src="bg_image.icon3"></image>
					<text>余额明细</text>
				</view>
				<u-icon name="arrow-right" size="16" color="#999"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	import merchant from './js/merchant'
	
	export default {
		components: {
		  
		},
		...merchant 
	}
</script>

<style lang="less" scoped>
	@import url('./css/merchant.less');
</style>